
       
        body{
           background: black;
        }
        /* 阵容盒子(英雄) */
        .panel-body {
            padding: 0;
            min-height: 80px;
            position: relative;
            
        }
                /* 阵容头 */
        .panel-heading {
            border: black 1px solid;
            background: #122 !important;
            color: goldenrod !important;
            cursor: pointer;
        }

         /* 阵容盒子(整体) */
       .panel{
           margin-bottom: 50px;
       }
        /* 背景样式 */
        .herobackground {
            position: absolute;
            width: 100%;
            height: 100%;
            background-repeat: no-repeat;
            background-position: 0% 50%;
            opacity: 0.4;
            margin-top: -100;
            background-image: linear-gradient(to left, rgba(255,0,0,0), rgba(255,0,0,1));
        }
        .panel{
            background: #234;
        }
        /* 阵容命 布局 */
        .heroHeadTile{
            display: flex;
            justify-content: space-between;
        }
        /* 点击显示盒子 */
        .datail{
            display: none;
            background: black !important;
            /* transition: all 1s ; */
            color: white;
        }
        .datail>div{
            margin-left:10%;
        }

    